<%@page language="java" pageEncoding="utf-8" contentType="text/html; charset=utf-8" import="java.util.*"  %>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>二级圈子列表页</title>
</head>

<body id="setbgimg1">
<s:include value="/audi/include/header.jsp"></s:include>
<div  class="clear"></div>
<div class="body_contents">
  <div class="body_contents_left" style="padding-top:30px;">
    <s:include value="/audi/include/left.jsp"></s:include>
  </div>
  <div class="body_contents_middle" style="min-height:1000px;">


    <div class="body_contents_middle_title2" >
    <strong>129</strong>&nbsp;万个车友&nbsp;|&nbsp;<strong>12</strong>&nbsp;万个圈子&nbsp;|&nbsp;<strong>934</strong>&nbsp;万个话题
    
    </div>
     
    
    <div class="body_contents_middle_02mqzf1">
    <div class="body_contents_middle_02mqzf1_left"><a href="#"><img src="${baseUrl}/images/left_44x44.jpg" /></a></div>
    <div class="body_contents_middle_02mqzf1_mid"><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=${circle.circleId}">${circle.circleName}</a></div>
     <div class="body_contents_middle_02mqzf1_right"><a href="#"><img src="${baseUrl}/images/right_44x44.jpg" /></a></div> 
    
    </div>
    
    
    
    
    <div class="body_contents_middle_title"> <img src="${baseUrl}/images/title_01_rmqz2.jpg" width="466" height="33" /><a href="${baseUrl}/audi/circle_queryMainCircles.action" style="padding-top:5px;"><img src="${baseUrl}/images/btn_fh.jpg" /></a> </div>
    
   <div class="body_contents_middle_listquanzi4">
   
   <ul>
   <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
    <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
     <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
      <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
        <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
    <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
     <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
      <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
        <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
    <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
     <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
      <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="litpic"><img src="${baseUrl}/images/upload/83x83.jpg" /></a><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1" class="title">加圈子</a></li>
   </ul>
   </div>
  </div>
  <div class="body_contents_right" style="padding-top:20px">
  
  <s:include value="/audi/include/right.jsp"></s:include>
    <div class="body_contents_right_btn"></div>
  </div>
</div>
<div  class="clear"></div>
<div class="footer_warp"></div>
<s:include value="/audi/include/footer.jsp"></s:include>
<script src="scripts/jquery-1.7.1.min.js"></script> 
<script language="javascript" src="scripts/jquery.idTabs.min.js"></script> 
<script language="javascript" src="scripts/public.js"></script> 
<script src="scripts/jquery.imagesloaded.js"></script> 
<script src="scripts/jquery.wookmark.js"></script> 
<script type="text/javascript">
    $('#tiles').imagesLoaded(function() {
      // Prepare layout options.
      var options = {
        autoResize: true, // This will auto-update the layout when the browser window is resized.
        container: $('#body_contents_middle_list_main'), // Optional, used for some extra CSS styling
        offset: 7, // Optional, the distance between grid items
        itemWidth: 177 // Optional, the width of a grid item
      };
      
      // Get a reference to your grid items.
      var handler = $('#tiles li');
      
      // Call the layout function.
      handler.wookmark(options);
      
      // Capture clicks on grid items.
      handler.click(function(){

      });
	  $(".userinfo_nav").idTabs("!mouseover");
    });
  </script>



下页是数据
<table width="990" border="1">
<tr>
		 <td width="160" align="center" valign="top" height="500">我的主页<br>我的圈子<br>我的微博<br>我的论坛<br>我的活动<br>我的积分<br>我的好友<br>我的爱车
		 
		 
		 </td>
		 <td width="640" align="center" valign="top">
		 <table width="100%">
		<tr>
		 <td width="100%" align="center" valign="top">圈子分类  <s:property value="#request.cirList[0].memberNum"/>个车友  12万个圈子  934个话题</td>
		</tr>
	</table>
	<table width="100%">
		<tr>
		<s:iterator value="#request.cirList" var="strs">
		 <td width="20%"><a href="/AudiProject/audi/circle_queryChildCircles.action?parentId=<s:property value="#strs.circleId"/>"><s:property value="#strs.circleName"/></a></td>
		 </s:iterator>  
		</tr>
	</table>
	===
	<a href="<s:url value="circle_query.action">
		<s:param name="msg">
              <s:property value="123"/>
           </s:param> 
           <s:param name="circle.circleId">
              <s:property value="3"/>
           </s:param>
	</s:url>">000</a>
	
	===
	<table width="100%">
		<tr>
		 <td width="100%" align="center" valign="top">热门圈子</td>
		</tr>
	</table>
	<table width="100%">
		<tr>
		<s:iterator value="#request.hostList" var="strs">
		 <td width="20%"><a href="/AudiProject/audi/circle_queryChildCircles.action?parentId=<s:property value="#strs.circleId"/>&circle.circlDesc=9999"><s:property value="#strs.circleName"/></a></td>
		 </s:iterator>  
		</tr>
	</table>
	<table width="100%">
		<tr>
		 <td width="100%" align="center" valign="top">圈子热门话题</td>
		</tr>
	</table>
	<table width="100%">
	<s:iterator value="#request.topListSimple" var="strs">
		<tr>
		 <td width="20%"><s:property value="#strs.tacticTitle"/></td>
		 <td width="20%"><s:property value="#strs.topicDesc"/></td>
		 </tr>
		 </s:iterator>  
		
	</table>
	<table width="100%">
		<tr>
		 <td width="100%" align="center" valign="top">圈子精彩图片</td>
		</tr>
	</table>
	<table width="100%">
		<tr>
		 <td align="center"><img src="${baseUrl}/album/defautblaum/4.jpg" /></td>
		 <td align="center"><img src="/AudiProject/album/defautblaum/5.jpg" /></td>
		 <td align="center"><img src="/AudiProject/album/defautblaum/6.jpg" /></td>
		</tr>
	</table>
</td>
		 <td width="190" align="left" valign="top">
<s:action name="bulletin_list" executeResult="true">
<s:param name="circleId">1</s:param>
</s:action>
</td>
</tr>
</table>



下面是数据<br>

<table width="990" border="1">
<tr>
		 <td width="160" align="center" valign="top">我的主页<br>我的圈子<br>我的微博<br>我的论坛<br>我的活动<br>我的积分<br>我的好友<br>我的爱车</td>
		 <td width="640" align="center" valign="top">
		 <table width="100%">
		<tr>
		 <td width="100%" align="center" valign="top">圈子分类  <s:property value="#request.cirList[0].memberNum"/>个车友  12万个圈子  934个话题</td>
		</tr>
	</table>
	<table width="100%">
		<tr>
		<s:iterator value="#request.cirList" var="strs">
		 <td width="20%"><s:property value="#strs.circleName"/></td>
		 </s:iterator>  
		</tr>
	</table>
	<table width="100%">
		<tr>
		 <td width="100%" align="center" valign="top">圈子列表</td>
		</tr>
	</table>
	circle:${circle.circleId}
	<table width="100%">
		<tr>
		 <td width="20%"><img src="/AudiProject/circlePic/circle${circle.circleId}.png"></td>
		</tr>
	</table>
	
	
	
	<table width="100%">
		<tr>
		<s:iterator value="#request.cirList" var="strs">
		 <td width="20%">
		 <ul style="width:560px; float:left;">
		 	<li style="width:112px; float:left;">
		 		<img src="/AudiProject/circlePic/circle1/c1.png" />
		 		<br>
		 		<s:property value="#strs.circleName"/>
		 	</li>
		 </ul>
		 
		 
		 </td>
		 </s:iterator>  
		</tr>
	</table>
	
	


</td>
		 <td width="190">
<s:action name="bulletin_list" executeResult="true">
<s:param name="circleId">1</s:param>
</s:action>
</td>
</tr>
</table>


</body>
</html>